<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <script type="text/javascript" th:src="@{layui/layui.js}"></script>
</head>
<body style="background-color: #F8F8F8">
<div style="position: absolute;left: 0;right: 0;top: 0;bottom: 0">
    <div style="display: flex;justify-content: center;margin-top: 10%">
        <form action="/pages/front/login" method="post"
              style="background-color: #fff;border: solid #FF5722 1px;border-radius: 10px;box-shadow: 0 0 10px
        #FF5722
        ;padding:
        20px">

            <div class="layui-form-item">
                <div>
                    <label class="layui-form-label">手机号</label>
                    <div class="layui-input-inline">
                        <input type="tel" name="phone" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div>
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="password" class="layui-input">
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div style="text-align: center;color: red;">
                    <div th:if="${errMsg != null}">
                       <text th:text="${errMsg}"></text>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button id="loginBtn" type="submit" class="layui-btn" style="background-color: #FF5722">
                        登录
                    </button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>

</body>
</html>